<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>创新创业学生管理系统</title>
	<link rel="stylesheet" type="text/css" href="style/all.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<!-- 日期插件 -->
	<script type="text/javascript" src="plug/laydate/laydate.js"></script>
	<!-- 字体图标 -->
	<script src="plug/font/iconfont.js"></script>
</head>
<body class="bg_i">
	<!-- 顶部 -->
	<div class="header">
		<div class="head">
			<img src="./images/school.jpg" alt="logo">
			<span class="logo">创新创业学生管理系统</span>
			<div class="nav">
				<a href="javascrpt:;" class="home">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-riqi"></use>
					</svg>
					2017.09.01
				</a>
				<div class="home email">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-seeusero"></use>
					</svg>
					<span>王小白（电信14-2班）</span>
					<div class="e_list">
						<div class="tran"></div>
						<div class="tran_g"></div>
						<ul>
							<li><a href="user.html">修改密码</a></li>
							<li><a href="javascript:;">清除缓存</a></li>
							<li><a href="login_s.html">退出</a></li>
						</ul>
					</div>
				</div>
				<!-- 邮件 -->
				<div class="home email">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-email"></use>
					</svg>
					<span class="num">1</span>
					<div class="e_list">
						<div class="tran"></div>
						<div class="tran_g"></div>
						<ul>
							<li><a href="index.html">与我相关</a></li>
						</ul>
					</div>
				</div>
				<a href="login_s.html" class="home email">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-tuichu-copy"></use>
					</svg>
					<span>退出</span>
				</a>
			</div>
		</div>
	</div>
	<!-- 主体 -->
	<div class="container_i">
		<!-- 左边侧边栏 -->
		<div class="left">
			<div class="navbox">
				<div class="title">菜单中心</div>
				<ul class="nav">
					<li><a href="student_item.html">个人信息</a></li>
					<li><a href="index.html">通知消息</a></li>
					<li><a href="creation_info.html" class="hover">创业信息</a></li>
					<li><a href="item_manage_s.html">项目管理</a></li>
					<li><a href="user.html">用户管理</a></li>
					<li><a href="login_s.html">退出</a></li>
				</ul>
			</div>
		</div>
		<!-- 右边侧边栏 -->
		<div class="right">
			<!-- 个人信息部分 -->
			<div class="item">
				<!-- 按钮组 -->
				<div class="btn">
					<span class="span_t">创业信息</span>
					<a href="print_c_i.html" class="print">打印</a>
					<button class="change">修改</button>
					<button class="sure">确认</button>
					<div class="clear"></div>
				</div>
				<table border="1" class="item_detail">
					<tr>
						<td style="width:80px;">姓名<span class="need">*</span></td>
						<td><input type="text" name="name_m" value="王小白"></td>
						<td style="width:80px;">班级<span class="need">*</span></td>
						<td><input type="text" value="电信14-2班"></td>
						<td style="width:80px;">性别<span class="need">*</span></td>
						<td>
							<label for="mans"><input type="radio" name="sex_m" id="mans">男</label>
							<label for="womans"><input type="radio" checked="checked" name="sex_m" id="womans">女</label>
						</td>
					</tr>
					<tr>
						<td>出生日期<span class="need">*</span></td>
						<td><input type="text" value="2017-8-31" id="datepicker"></td>
						<td>身份证<span class="need">*</span></td>
						<td><input type="text" value="441424278404263041"></td>
						<td>民族<span class="need">*</span></td>
						<td><input type="text" value="汉族"></td>
					</tr>
					<tr>
						<td>学号<span class="need">*</span></td>
						<td><input type="text" value="11014410101"></td>
						<td>手机<span class="need">*</span></td>
						<td><input type="text" value="1234567890"></td>
						<td>邮箱<span class="need">*</span></td>
						<td><input type="text" value="1234567890@qq.com"></td>
					</tr>
					<tr>
						<td>微信<span class="need">*</span></td>
						<td><input type="text" value="11014410101"></td>
						<td>家庭住址</td>
						<td colspan="3"><input type="text" value="广东省茂名市茂南区官渡二路139号"></td> 
					</tr>
					<tr>
						<td>爱好特长</td>
						<td colspan="5"><input type="text" value="听音乐"></td>
					</tr>
					<tr>
						<td>公司名称<span class="need">*</span></td>
						<td colspan="5"><input type="text" value="创新创业科技有限公司"></td>
					</tr>
					<tr>
						<td>经营范围<span class="need">*</span></td>
						<td colspan="5"><input type="text" value="制作网站,开发手机app,硬件"></td>
					</tr>
					<tr>
						<td>注册时间<span class="need">*</span></td>
						<td><input type="text" value="2017-09-01" id="datepicker1"></td>
						<td>注册号<span class="need">*</span></td>
						<td><input type="text" value="12521155566566"></td>
						<td>注册资金<span class="need">*</span></td>
						<td><input type="text" class="per" value="100">万元</td>
					</tr>
					<tr>
						<td>员工人数<span class="need">*</span></td>
						<td><input type="text" class="per" value="150">人</td>
						<td>占地面积<span class="need">*</span></td>
						<td><input type="text" class="per" value="1000">平方米</td>
						<td>公司类型<span class="need">*</span></td>
						<td><input type="text" value="互联网类"></td>
					</tr>
					<tr>
						<td>公司地址<span class="need">*</span></td>
						<td colspan="5"><input type="text" value="广东省茂名市茂南区官渡二路139号"></td>
					</tr>
				</table>
				<!-- 选择合伙人 -->
				<table border="1" class="item_detail" style="border-top:none;" id="com">
					<tr>
						<td rowspan="10" style="width:80px;">
							合伙人(不超10人)
							<div class="home email add_com">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-icon-test"></use>
								</svg>
							</div>
						</td>
						<td style="width:100px;">姓名</td>
						<td style="width:120px;">性别</td>
						<td style="width:120px;">手机</td>
						<td style="width:120px;">院系</td>
						<td style="width:190px;">班级</td>
					</tr>
					<tr class="no_company">
						<td colspan="5">无</td>
					</tr>
				</table>
				<!-- 选择老师 -->
				<table border="1" class="item_detail" style="border-top:none;" id="teacher">
					<tr>
						<td rowspan="10" style="width:80px;">
							指导老师(1人)
							<div class="home email add_teacher_to">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-icon-test"></use>
								</svg>
							</div>
						</td>
						<td style="width:100px;">姓名</td>
						<td style="width:120px;">性别</td>
						<td style="width:120px;">院系</td>
						<td style="width:120px;">职称</td>
						<td style="width:190px;">研究方向</td>
					</tr>
					<tr class="no_teacher">
						<td colspan="5">无</td>
					</tr>
				</table>
				<!-- 公司简介 -->
				<table border="1" class="item_detail" style="border-top:none;">
					<tr>
						<td style="width:80px;">公司简介</td>
						<td>
							<textarea name="" id="" cols="30" rows="10">随着社会的进步，人们物质和精神生活质量的全面提升，安逸和休闲成为了生活的基调。而智能花盆的出现恰好能迎合、满足热爱种植的人们需求。而且随着物联网的日益发展，自动化同时也当代的一个代名词，而智能花盆的免人工培植正正迎合当代这一大主题。
							本项目是基于手机应用自主研发的智能花盆市场化，这是一个基于互联网与物联网的相互结合的智能产品的市场推广。而互联网和物联网现在正正是现代工业发展的一个重要的趋向，本项目推广我们自己研发的智能花盆通过软硬件的结合，实时监控植株的生长状况。同样地，我们通过结合植物本身的种植条件和个人喜好去设定种植的环境，完成对植株的无人工智能培植。基于手机应用的概念是借助移动设施蓬勃发展的“东风”，利用移动设备的窗口来与设备进行“交流”。通过移动设备下载和上传用户数据，方便用户对植株生长状况的监视。同样地，不同的用户也可以通过自身的移动设备去获取不同用户的培育数据。自然地，我们的开发的这个手机应用成为了一个新的社交圈。不同的栽培爱好者可以通过移动设备进行交流甚至帮助其他用户去栽培植株。
							</textarea>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<!-- 添加合伙人窗口 -->
	<div class="transmit">
		<div class="main">
			<h4>添加合伙人</h4>
			<div class="cont_m" style="height:150px;">
				<form action="" id="add_c">
					<table border="1px">
						<tr>
							<td class="one">姓名<span class="need">*</span></td>
							<td class="two"><input type="text" name="name" value=""></td>
							<td class="one">手机号<span class="need">*</span></td>
							<td class="two"><input type="text" name="phone" value=""></td>
							<td class="one">性别<span class="need">*</span></td>
							<td class="two">
								<label for="manp"><input type="radio" name="sexp" checked="" id="manp" value="1">男</label>
								<label for="womanp"><input type="radio" name="sexp" id="womanp" value="2">女</label>
							</td>
						</tr>
						<tr>
							<td class="one">学院<span class="need">*</span></td>
							<td class="two"><input type="text" name="xy_name" value=""></td>
							<td class="one">班级<span class="need">*</span></td>
							<td class="two"><input type="text" name="grade" value=""></td>
							<td class="one"></td>
							<td class="two"></td>
						</tr>
						<tr>
							<td>操作</td>
							<td class="one" colspan="5" style="width:100%;">
								<div class="add btn_add can">添加</div>
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div class="home close_tran">
				<svg class="icon" aria-hidden="true">
					<use xlink:href="#icon-guanbi"></use>
				</svg>
			</div>
			<span class="tosay"></span>
		</div>
	</div>
	<!-- 选择老师窗口 -->
	<div class="transmit_t">
		<div class="main">
			<h4>选择老师</h4>
			<div class="cont_m te">
				<form action="" id="form_t">
					<table border="1px">
						<tr>
							<td style="width:50px;">选择</td>
							<td style="width:50px;">姓名</td>
							<td style="width:40px;">性别</td>
							<td style="width:90px;">手机号</td>
							<td style="width:120px;">职称</td>
							<td style="width:120px;">研究方向</td>
							<td style="width:100px;">所属院系</td>
							<td style="width:60px;">个人简介</td>
						</tr>
						<tr>
							<td><input type="radio" name="choose" value="1"></td>
							<td><input type="text" name="name" value="王小明"></td>
							<td><input type="text" name="sex" value="女"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>			
						<tr>
							<td><input type="radio" name="choose" value="2"></td>
							<td><input type="text" name="name" value="王小2"></td>
							<td><input type="text" name="sex" value="男"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>	
						<tr>
							<td><input type="radio" name="choose" value="3"></td>
							<td><input type="text" name="name" value="王小明3"></td>
							<td><input type="text" name="sex" value="女"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>			
						<tr>
							<td><input type="radio" name="choose" value="4"></td>
							<td><input type="text" name="name" value="王小明4"></td>
							<td><input type="text" name="sex" value="男"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>	
						<tr>
							<td><input type="radio" name="choose" value="5"></td>
							<td><input type="text" name="name" value="王小明5"></td>
							<td><input type="text" name="sex" value="男"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>	
						<tr>
							<td><input type="radio" name="choose" value="6"></td>
							<td><input type="text" name="name" value="王小明6"></td>
							<td><input type="text" name="sex" value="男"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>	
						<tr>
							<td><input type="radio" name="choose" value="7"></td>
							<td><input type="text" name="name" value="王小明7"></td>
							<td><input type="text" name="sex" value="男"></td>
							<td><input type="text" name="phone" value="12345678910"></td>
							<td><input type="text" name="job" value="计算机管理主任"></td>
							<td><input type="text" name="process" value="信号与信息处理"></td>
							<td><input type="text" name="xy_name" value="电信学院"></td>
							<td><a href="teacher_info.html">更多</a></td>
						</tr>	
					</table>
				</form>
			</div>
			<div class="btn">
				<button class="add add_t">确认</button>
			</div>
			<div class="home close_tran">
				<svg class="icon" aria-hidden="true">
					<use xlink:href="#icon-guanbi"></use>
				</svg>
			</div>
		</div>
	</div>
	<!-- 回到顶部 -->
	<div class="toTop"><span>↑</span>顶部</div>
	<script type="text/javascript">
	$(function(){
		$(".right input,.right textarea").attr("disabled","true").css("border","none");
		$("#form_t input[type='text']").attr("disabled","true").css("border","none");;
		$(".add_com,.add_teacher_to").hide();

		// 点击添加相应的窗口进行显示与影藏
		$(".add_com").click(function(){
			$(".transmit").show();
			$(".transmit_t").hide();
		})

		$(".add_teacher_to").click(function(){
			$(".transmit_t").show();
			$(".transmit").hide();
		})

		// 判断合伙人是否需要显示“无”这一行
		if($("#com input").length>0){
			$(".no_company").hide();
		}
		// 判断选择老师是否需要显示“无”这一行
		if($("#teacher input").length>0){
			$(".no_teacher").hide();
		}

		// 使输入框可用
		function inputAbled(){
			$(".item input,textarea").removeAttr("disabled").css("border","1px solid #D8D8D8");
			$("#teacher input").attr("disabled","false").css("border","none");
		}

		// 点击修改按钮时改变样式
		$(".change").click(function(){
			inputAbled();
			$(this).hide();
			$(".sure,.del,.add_com,.add_teacher_to").show();
		})
		// 点击确认按钮时改变样式
		$(".sure").click(function(){
			$(".right input,.right textarea").attr("disabled","false").css("border","none");
			$(this).hide();
			$(".del,.add_com,.add_teacher_to").hide();
			$(".change").show()
		})

		// 添加合伙人行函数
 		function add_company(name,input_n,sex_t,sex_n,phone,phone_n,xy_n,xy_v,grade_n,grade_v){
			var tr = "<tr><td><input value="+name+" name='"+input_n+"'></td><td><input type='text' name='"+sex_n+"' value='"+sex_t+"'/></td><td><input value='"+phone+"' name='"+phone_n+"'></td><td><input type='text' name='"+xy_n+"' value="+xy_v+"/></td><td><input type='text' name='"+grade_n+"' value="+grade_v+" style='width:130px;'/><a href='javascript:;'style='display:none;' class='home email del'><svg class='icon' style='color:red;' aria-hidden='true'><use xlink:href='#icon-guanbi'></use></svg></a></td></tr>";
			return tr;
		}

		// 点击添加合伙人进行验证信息
		$(".transmit input").blur(function(){
			if($("#add_c input[name='name']").val()==""){
				$(".tosay").html("用户名不能为空");
				return false;
			}else{
				$(".tosay").html("");
			}
		})	

   		// 添加合伙人
		$(".btn_add").click(function(){
			// 提取表单值
			var d = {};
		    var t = $("#add_c").serializeArray();
		    $.each(t, function() {
		      d[this.name] = this.value;
		    });
		    var name = JSON.stringify(d.name);  //输入的姓名
		    var phone = parseInt(JSON.stringify(d.phone).substring(1));//输入的电话
		    var sex = parseInt(JSON.stringify(d.sexp).substring(1));//选中性别值
		    var xy_v = JSON.stringify(d.xy_name);//输入的学院名
		    var grade_v = JSON.stringify(d.grade);//输入的年级名
		    var process_v = JSON.stringify(d.process);//输入的专业名
		    if(sex==1){
		    	sex="男";
		    }else{
		    	sex="女";
		    }

		    // 添加合伙人
		    $("#com").append(add_company(name,"params[company][name_c][]",sex,"params[company][sex_c][]",phone,"params[company][phone_c][]","params[company][xy_n][]",xy_v,"params[company][grade_n][]",grade_v));

		    // 清除表单
			$("#add_c input[type='text']").val("");

			// 点击删除号删除相应的行
		    $(".del").click(function(){
				$(this).parent().parent("tr").remove();
				if($(".del").length<1){
					$(".no_company").show();
				}
			})
		   
		    // 添加合伙人后影藏弹框并且隐藏“无”一行
		    $(".transmit").hide();
		    if($("#com").find(".no_company").length==1){
		    	$(".no_company").hide();
		    }
		 	inputAbled();
		})
		
		// 点击删除号删除相应的行
	    $(".del").click(function(){
			$(this).parent().parent("tr").remove();
			if($(".del").length<1){
				$(".no_company").show();
			}
		})
		
		// 点击行选中老师
		$(".te tr td").click(function(){
			$(this).parent().find("input[type='radio']").attr("checked",true);
		})

		// 添加老师
		function add_teacher(name,name_t,sex_t,sex_te,xy_name,xy_name_t,job,job_t,process,process_te){
			var tr = "<tr><td><input name='"+name_t+"' value="+name+"></td><td><input type='text' name='"+sex_te+"' value='"+sex_t+"'/></td><td><input name='"+xy_name_t+"' value='"+xy_name+"'></td><td><input type='text' name='"+job_t+"' value='"+job+"' /></td><td><input type='process' name='"+process_te+"' value='"+process+"'/></td></tr>";
			return tr;
		}

		// 点击添加老师进行验证信息
		$(".transmit_t input").blur(function(){
			if($("input[name='teacher_name']").val()==""){
				showNotice("用户名不能为空");
				return false;
			}
			$(".add_t").addClass("can");
			$(".add_t").removeAttr("disabled");
		})	
		
		// 选择老师弹窗中通过选中的多选框的值获得相对应name的input值
		function check_c(name){
			return $("#form_t input[name='choose'][value='"+obj[k].value+"']").parent().parent().find("input[name='"+name+"']").val();
		}

		// 将所有选中老师的信息存入数组
		function teacher(){
		    obj = document.getElementsByName("choose");
		    check_val = [];
		    check_name = [];
		    check_sex = [];
		    check_phone = [];
		    check_job = [];
		    check_process= [];
		    check_xy_name = [];
		    var num=0;
		    for(k in obj){
		        if(obj[k].checked){ 
		        	num++;
		            check_val.push(obj[k].value);
		        	check_name.push(check_c("name"));
		        	check_sex.push(check_c("sex"));
		        	check_phone.push(check_c("phone"));
		        	check_job.push(check_c("job"));
		        	check_process.push(check_c("process"));
		        	check_xy_name.push(check_c("xy_name"));
		        	if(num>1){
		        		alert("最多只能选1个指导老师");
		        		num=1;
		        	}
		        }
		    }
		    var content = [];
		    for(i=0;i<num;i++){
		    	content.push(add_teacher(check_name[i],"params[teacher][name_t][]",check_sex[i],"params[teacher][sex_te][]",check_xy_name[i],"params[teacher][xy_name_t][]",check_job[i],"params[teacher][job_t][]",check_process[i],"params[teacher][process_te][]"));
		    }
		    $("#teacher").append(content);
		}

		$(".add_t").click(function(){
			$(".no_teacher").nextAll().remove();
			teacher();
			$(".transmit_t").hide();
			if($("#teacher input").length>0){
				$(".no_teacher").hide();
			}
			inputAbled();
		})

		// 日期调用
		laydate.render({
		  elem: '#datepicker' //指定元素
		});
		// 日期调用
		laydate.render({
		  elem: '#datepicker1' //指定元素
		});
	})
	</script>
</body>
</html>